<template>
	<div class="page">

		<!-- list -->
		<div style="flex: 1;display: flex;flex-direction: column;background-color: #FFFFFF;padding-top: 12px;">
			<div
				style="display: flex;flex-direction: column;border-style: solid;border-width: 1px;border-color: #ebebeb;padding: 12px;">
				<form-key-value-row keystr="申请时间" valuestr="2021年9月26日" />
				<form-key-value-row keystr="审核状态" valuestr="审核中" :valuestyle="{'color': '#007AFF'}" />
				<form-key-value-row keystr="退款金额" valuestr="¥123.00" :valuestyle="{'color': '#ff0000'}" />
				<form-key-value-row keystr="退款发起人" valuestr="张三" />
				<form-key-value-row keystr="收款人" valuestr="李四" />
				<form-key-value-row keystr="退款原因" valuestr="个人原因" />
				<form-key-value-row keystr="收款账号" valuestr="798746546456134" />
				<form-key-value-row keystr="银行开户信息" valuestr="高新支行" />
				<form-key-value-row keystr="收款银行名称" valuestr="天府银行" />
				<form-title title="退款课程"></form-title>
				<div style="">
					<!-- list -->
					<!-- header -->
					<div
						style="display: flex;background-color: #f5f5f5;height: 35px;justify-content: center;align-items: center;">
						<div style="display: block;text-align: center;font-size: 14px;flex: 1;">课程名称</div>
						<div style="display: block;text-align: center;font-size: 14px;flex: 1;">学期</div>
						<div style="display: block;text-align: center;font-size: 14px;flex: 1;">价格</div>
					</div>
					<!-- cell -->
					<div style="display: flex;flex-direction: column;" v-for="idx in 8">
						<div
							style="display: flex;background-color: #FFFFFF;height: 45px;justify-content: center;align-items: center;flex: 1;">
							<div style="display: block;text-align: center;font-size: 12px;flex: 1;">《进化论》</div>
							<div style="display: block;text-align: center;font-size: 12px;flex: 1;">2021第一学期</div>
							<div style="display: block;text-align: center;font-size: 12px;flex: 1;">75.00</div>
						</div>
						<div style="height: 1px;background-color: #F1F1F1;" />
					</div>
				</div>

			</div>

		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {}
	}
</script>

<style>
	.page {
		flex: 1;
		background-color: #ff5500;
		display: flex;
		flex-direction: column;
	}
</style>
